<template>
  <div>
    <!-- 二级路由占位符 -->
    <router-view />
    <div style="height:50px;"></div>

    <!-- 底部选项卡 -->
    <van-tabbar v-model="active" active-color="#ee0a24">
  <van-tabbar-item replace to="/home/index" icon="wap-home-o">首页</van-tabbar-item>
  <van-tabbar-item replace to="/home/activity" icon="point-gift-o">活动</van-tabbar-item>
  <van-tabbar-item replace to="/home/shop" icon="records">资讯</van-tabbar-item>
  <van-tabbar-item replace to="/home/me" icon="contact">我的</van-tabbar-item>
</van-tabbar>
    
  </div>
</template>

<script setup>
import {ref} from 'vue'
const active = ref(0)

</script>

<style scoped>

</style>